<div class="section section-dark section-jumbo text-center" style="height: 400px;">

	<div class="section-bg parallax" data-parallax-offsety="-100" data-parallax-span="250" data-parallax-xpos="50%" data-parallax-start="80" data-parallax-stop="80" style="background: url(http://192.168.1.3/assets/images/?src=pack_3/5.jpg) 0 0 no-repeat fixed;"></div>
	
	<div class="section-bg parallax" data-parallax-offsety="200" data-parallax-span="100" data-parallax-xpos="10%" data-parallax-start="80" data-parallax-stop="80" style="background: url(http://192.168.1.3/assets/images/?src=pack_6/rock/4.png) 0 0 no-repeat;"></div>
	<div class="section-bg parallax" data-parallax-offsety="150" data-parallax-span="200" data-parallax-xpos="60%" data-parallax-start="80" data-parallax-stop="80" style="background: url(http://192.168.1.3/assets/images/?src=pack_6/rock/4.png) 0 0 no-repeat;"></div>
	<div class="section-bg parallax" data-parallax-offsety="100" data-parallax-span="300" data-parallax-xpos="20%" data-parallax-start="80" data-parallax-stop="80" style="background: url(http://192.168.1.3/assets/images/?src=pack_6/rock/3.png) 0 0 no-repeat;"></div>
	<div class="section-bg parallax" data-parallax-offsety="400" data-parallax-span="700" data-parallax-xpos="35%" data-parallax-start="80" data-parallax-stop="80" style="background: url(http://192.168.1.3/assets/images/?src=pack_6/rock/2.png) 0 0 no-repeat;"></div>
	<div class="section-bg parallax" data-parallax-offsety="300" data-parallax-span="500" data-parallax-xpos="95%" data-parallax-start="80" data-parallax-stop="80" style="background: url(http://192.168.1.3/assets/images/?src=pack_6/rock/2.png) 0 0 no-repeat;"></div>

	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Section with Parallax Background</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-jumbo text-center" style="height: 400px;">

	<div class="section-bg">
		<video style="width: 100%; height: 100%" src="http://localhost/assets/video/video_2.mp4" type="video/mp4" autoplay loop></video>
	</div>
	
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Section with Video Background</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Default Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-light text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Light Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-gray text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Gray Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-dark text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Dark Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-darker text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Darker Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-darkest text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Darkest Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->

<div class="section section-color text-center">
	<div class="section-inner">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<h1 class="jumbo">Colored Section</h1>
					<h3>Lorem ipsum dolor sit amet</h3>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
					</p>
					<button>Call to action</button>
				</div><!-- col-md-6 -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- .section-inner -->
</div><!-- .section -->